<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
		
		<!--<meta name="viewport" content="initial-scale=1.0, minimum-scale=1.0, user-scalable=0, width=device-width" />-->
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta content="telephone=no" name="format-detection">
		
		
		
		<script src="../js/flexible.debug.js"></script>
		<script src="../js/flexible_css.debug.js"></script>
		<link rel="stylesheet" href="../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../css/mui.picker.css" />
		<link rel="stylesheet" type="text/css" href="../css/mui.css" />
		<link rel="stylesheet" href="../css/xinjian.css" />
		
		<!--<title>城市选择</title>-->
		<style>
			* {
				font-size: 14px;
			}
			
			p {
				text-align: center;
				background: #f00;
				padding: 10px 0;
				margin: 20px 0 0 0;
				color: #fff
			}
		</style>
		<script src="js/jquery.min.js"></script>
		<!--<style type="text/css">
			.tb960x90 {
				display: none!important;
				display: none
			}
		</style> -->
		 
	</head>
	<body>
		
		<section class="section_one">
			<div class="left"><img src="../img/left-back.png" alt="" /></div>
			<div class="center">购物车</div>
			<div class="right"><img src="../img/black_circle.png" alt="" /></div>
		</section>
		
		<article>
			<figure class="detail_message" style="margin: 0;">
				<ul>
					<li><input type="text" value="收件人"/></li>
					<li class="shengshi" style="display: flex;">
						省,市,区：
						<!--<input type="" name="" value="省，市，区" /><span></span>-->
						<span id="city_text" style="flex: 1; text-align: left; color: #C0C0C0; font-size: 18px;"></span>
					</li>
					
					
					<li style="line-height: 30px;border-bottom: 1px solid #CCCCCC ;display: flex;">详细地址:<input type="text"  style="margin: 0;flex: 1"/></li>
					<li class="none" style="line-height: 20px;">电话：<input type="tel"/></li>
				</ul>
			</figure>
			<figure class="default" style="margin: 0; margin-top: 8px;">
				<div class="circle">
					<img src="../img/white_circle.png" alt=""  id="right2" style="width: 24px;height: 24px; margin-left: 8px; margin-right: 8px;"/>
				</div>
				<div class="address">设置为默认地址</div>
			</figure>
				 
		</article>
		<footer class="footer" >
			<div class="save" style="flex: 1; margin: 0; margin-right: 39px;">保存</div>
			<div class="delete" style="flex: 1; margin: 0;">删除</div>
		</footer>
		<div class="tanchuang">
			<ul>
				<li>首页</li>
				<li>分类</li>              
				<li>购物车</li>
				<li>我的</li>
			</ul>
		</div>
		<script src="../js/jquery-1.11.2.min.js"></script>
		
		<script>
			var right2 = document.getElementById("right2");
			var flag = null;
				right2.onclick = function () {
					if(!flag){
						right2.src = "../img/right.png";
						flag = true;
					}else {
						right2.src = "../img/white_circle.png";
						flag = false;
					}
				}
		
		
		
			$(function  () {
				
	
				$(".right").click(function(){
				if($(".tanchuang").css("display")=="none"){
					$(".tanchuang").show()
				}else{
					$(".tanchuang").hide()
				}
			})
				$(".tanchuang ul li").mouseover(function() {
					$(this).addClass('active').siblings().removeClass('active')
				});

				$('.section_one .left img').click(function () {
					location.href="gerenxinxiguanli.html"
				})
				$('.tanchuang ul li:nth-child(1)').click(function () {
					location.href="dsptsy.html"
				})
				$('.tanchuang ul li:nth-child(2)').click(function () {
					location.href="shouyitongji.html"
				})
				$('.tanchuang ul li:nth-child(3)').click(function () {
					location.href="gouwuche.html"
				})
				$('.tanchuang ul li:nth-child(4)').click(function () {
					location.href="tuanduixiaoshou.html"
				})
				
			})
			
			
			
		</script>
	
		<script src="js/mui.min.js"></script>
	<script src="js/mui.picker.min.js"></script>
	<script src="js/data.city.js"></script>
	<script>
		

		//选择省市区
		var city_picker = new mui.PopPicker({
			layer: 3
		});
		city_picker.setData(init_city_picker);
		$("#city_text").on("tap", function() {
			setTimeout(function() {
				city_picker.show(function(items) {
					$("#city_id").val((items[0] || {}).value + "," + (items[1] || {}).value + "," + (items[2] || {}).value); //该ID为接收城市ID字段
					$("#city_text").html((items[0] || {}).text + " " + (items[1] || {}).text + " " + (items[2] || {}).text);
				});
			}, 200);
		});
		
		
		
		
		
		
	</script>
	
	</body>
</html>
